<template>
	<div>
		<videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"></videoPlayer>
	</div>
</template>
<script>
import 'video.js/dist/video-js.css'
import {videoPlayer} from 'vue-video-player'
import 'videojs-flash'

export default {
	components: {
		videoPlayer
    },
    props:['height'],
	data () {
        var height=this.height;
	    return {
            playerOptions: {
                height: height,
                sources: [{
                    type: 'rtmp/mp4',
                    src: 'rtmp://rtmp01open.ys7.com/openlive/49f428bfd6454e32bc415f5b31168e73.hd',//rtmp://127.0.0.1:8080/test/test
                }],
                techOrder: ['flash'],
                autoplay: true,
                controls: true
            }
		}
	}
}
</script>